<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1">
    <title>Document</title>
    <link rel="stylesheet" href="css/注册style.css">
</head>
<body>
    <header id=app-navbar>
        <div class=app-top>
            <a class="app-icon" href="#"></a>
            <a class="app-logon">注册</a>
        </div>
    </header>
    <section id="app-loging">
    <div class="box">
        <p class="country border">国家/地区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国大陆86</p>
        <div class="user nth border">
            <label>手机号</label>
            <input type="text" name="" value="用户名/手机号/邮箱"onfocus="if (value =='用户名/手机号/邮箱'){value =''}" onblur="if (value ==''){value='用户名/手机号/邮箱'}">
            <a class="delete" href="#"></a>
        </div>
        <div class="key nth border">
            <label>验证码</label>
            <input type="text"name="" value="请输入密码"onfocus="if (value =='请输入密码'){value =''}" onblur="if (value ==''){value='请输入密码'}">
            <button class="btn" href="#">获取验证码</button>
        </div>
        <div class="code nth border">
            <label>设置密码</label>
            <input type="text"name="" value="6~12位大小写字母、数字"onfocus="if (value =='6~12位大小写字母、数字'){value =''}" onblur="if (value ==''){value='6~12位大小写字母、数字'}">
            <a class="" href="#"></a>
            <a class="" href="#"></a>
        </div>
    </div>
</section>
<footer id=bot-logon>
    <div class="btn">
        <button>登录</button>
    </div>
</footer>
</body>
</html>